export default {
    data() {
        return {
            selectedItem: {},
            isShowPop: false,
            delayID: 0
        }
    },
    methods: {
        onMouseEnter(idx) {
            clearTimeout(this.delayID)
            this.isShowPop = true
            this.selectedItem = this.navData[idx]
        },
        onMouseLeave() {
            this.delayID = setTimeout(() => {
                this.isShowPop = false
            }, 5)
        },
        onShow() {
            clearTimeout(this.delayID)
            this.isShowPop = true
        },
        onHide() {
            this.delayID = setTimeout(() => {
                this.isShowPop = false
            }, 5)
        }
    }
}
